Pixli — полноценный конструктор сайтов с нуля

Просматривая возможности очередного крутого конструктора сайтов под названием Pixli я невольно задаюсь вопросом — а как скоро вообще исчезнет необходимость в веб-студиях для создания онлайн проектов? Речь, разумеется, идет не о сложных комплексных порталах, где нужна целая команда разработчиков. Но ведь остальные 80% (а то и больше) сайтов плюс-минус имеют одинаковую структуру, функции и задачи.

Для бизнес-проектов нужно указывать набор услуг, для магазинов — каталог товаров, для творческих направлений — портфолио работ и т.п. Уникальный дизайн перестает быть какой-то сверх важной составляющей, уступая ведущие роли контенту и эффективной работе с клиентами. Сайт, по сути, становится обычным инструментом коммуникации с клиентами, который должен быть удобным, приятным и не более того.

Но вернемся к редактору Pixli. Это далеко не первый подобный проект, с которым мне приходится иметь дело, поэтому могу для себя сравнивать его с остальными. Есть здесь парочка моментов, которые очень понравились, хотя по количеству шаблонов видно, что запустился сервис относительно недавно. Если разработчики будут продолжать развивать его в том же духе, то получится очень крутой продукт. Тем не менее, уже сейчас сервис позволяет решать все необходимые задачи по созданию сайтов. Некоторые из них предлагаю вам рассмотреть.

Pixli для лендингов

Многие применяют Pixli для создания лендингов — одностраничных продающих сайтов или посадочных страниц, как их еще называют. Для этого у пользователей имеются разные функциональные виджеты, возможности добавления эффектов и анимации, поддержка адаптивности и многое другое.

При этом следует заметить, что сервис не заточен конкретно под эту задачу в отличии от многих похожих (Lpmotor, Lpgenerator, Platformalp), а является полноценным решением для разработки сайтов с нуля. Лендинги — просто одно из возможных направлений.

Учитывая то, что посадочная страница ориентирована в первую очередь на продажи (лиды), здесь пригодится наличие специальных инструментов Pixli. Это:

• Система статистики в личном кабинете — анализируйте результаты работы лендинга для дальнейшего улучшения.
• Простое редактирование + функция А/Б тестирования дает возможность легко создавать наиболее эффективные варианты страниц.
• Встроенные адаптивные макеты — вы можете выбрать готовое решение и вносить все правки в заранее сформированную структуру сайта (так легче, чем создавать с нуля). Адаптивность — вообще must have в наше время.
• Наличие CRM системы — управление контактами, оповещение о заявках, выгрузка лидов в CSV.

Специальные функции Pixli позволят вам более эффективно работать со своими посадочными страницами и извлекать из них максимум пользы.

Возможности Pixli для создания сайтов

Но не лендингами едиными! Как я уже сказал выше, система Pixli позволяет создавать полноценные функциональные сайты. Вы можете выбрать существующий шаблон для редактирования или создавать новый с нуля. Среди макетов есть варианты для любой сферы деятельности и разных форматов проектов.

«Основные столпы», на которых держится любой конструктор сайтов это: Drag and Drop редактор, адаптивность дизайна, виджеты и расширенные настройки элементов. Все это, разумеется, в Pixli присутствует.

В качестве элементов имеются:

• изображения / галереи;
• тексты и кнопки;
• слайдеры;
• видео;
• карты;
• формы;
• вкладки (табы) и выпадающие меню;
• блоки соц.сетей;
• отзывы;
• товары.

Адаптивность можно проверять непосредственно во время редактирования сайта.

Для управления настройками элементов не нужны знания HTML5 и CSS3. Вы просто регулируете те или иные опции блоков в панели управления справа. Здесь есть:

• Управление блоками (absolute или relative).
• Положение и размер: отступы, ширина/высота, выравнивание.
• Фон контейнера: цвет, градиент, изображение.
• Шрифты и текст.

• Обводка (параметры рамки).
• Тень (прикольный CSS3 эффект).
• Трансформация (преобразования).
• CSS анимация.
• Возможности скрыть блок для разных мобильных версий сайта.

Понравился реализация интерфейса настроек, где вы можете менять все необходимые параметры блоков. Делается это легко и понятно.

Использование редактора Pixli, настройки сайта

При первом запуске редактора Pixli для пользователя будет показан небольшой быстрый курс ознакомления с сервисом, точнее с его элементами управления. Чем-то похоже на стартовое обучение в компьютерных играх. Как по мне, отличная идея. Здесь всего 6 простых шагов, которые помогут вам сориентироваться в новом для себя инструменте.

Если вы вообще не знакомы с проектами конструкторами сайтов, то вам потребуется некоторое время дабы привыкнуть и все изучить. Опытные же пользователи легко разберутся в интерфейсе системы:

• Слева найдете иерархию «дерева объектов» — разные области с вложенными блоками, футер, навигационную панель и т.п.
• Справа расположена панель настроек для элементов.
• Снизу — кнопки добавления на сайт разных блоков, секций шаблона, навигации и форм.
• Сверху — общая панель с кнопками копирования элементов, отмены действия, выбора адаптивной версии, сохранения, превью, публикации т.п.

В самом левом верхнем углу есть иконка со знаком вопроса, при клике по которой вызывается меню поддержки. Выбирайте пункт «Учебники» дабы попасть на страницу с разными видеоуроками по работе в Pixli. На этой странице, например, представлен весь процесс разработки сайта с нуля. Вот первое видео оттуда:

Как видите, создавать веб-проекты с помощью конструкторов весьма просто. Да, придется немного разобраться с сервисом, но это куда проще изучения HTML, CSS и JavaScript в придачу.

Чтобы перейти к SEO настройкам нужно будет выйти из редактора в раздел личного аккаунта «Мои сайты». Там кликаете по иконке шестеренки для требуемого проекта. Откроется страница настроек.

Здесь можно подключать favicon, webclip, указывать SEO параметры (в том числе Robots.txt и Sitemap.xml), вставлять код счетчиков аналитики или добавить произвольный код в шапку / футер сайта. Последнее пригодится, например, для подтверждения прав администратора проекта или же вставки каких-то своих скриптов.

Тарифы и выводы

Что касается тарифов. По умолчанию активируется бесплатная версия, где допускается  создание до 5ти сайтов, но без возможности подключения собственного домена. За это и некоторые другие опции придется доплатить.

За 660 рублей в месяц получаете для работы три домена (то есть 3 сайта). В максимальном тарифе есть персональный менеджер, командный аккаунт и возможность экспорта кода сайтов (для установки на своем хостинге). Кстати, о хостинге — во все тарифы входит бесплатное размещение проекта на мощностях Pixli. Однако при этом на первых двух имеется определенное ограничение по количеству посетителей в месяц.

Что можно в целом сказать о Pixli. Не смотря на то, что проекту исполнилось всего лишь полгода, функциональность сервиса порадовала. Шаблонов, конечно, не сотни, но из всех можно  выбрать подходящую по структуре концепцию и менять ее под свои нужды. Хотите создавать дизайн с нуля? — без проблем, можно и так. Главная фишка в том, что для этого не нужны знания по CSS или HTML. Дизайнерам, которые не ориентируются в верстке должно понравится. Точно также как и тем пользователям, которые всегда хотели создать свой сайт, но не знают технической стороны вопроса. Конструктор сайтов позволит самостоятельно создавать разные проекты и легко ими в дальнейшем управлять. Бесплатная версия включает в себя до 5-ти сайтов, но на домене третьего уровня. Для практики и тестирования этого хватит с головой. Затем уже сможете решить какой из тарифов для себя подключить.